*{
    padding:0px;
    margin:0px;
}
html,body{
    width:100%;
    height:100%;
}
body{
//  overflow-x: hidden;
}
a{
    text-decoration: none;
}
@color:#fff;
@red-color:#f02b2b;
header{
    width:100%;
    height:50/3.75vw;
    color:@color;
    background:-webkit-linear-gradient(top,black,transparent);
    position:relative;
    overflow: hidden;
    position:fixed;
    top:0px;
    left:0px;
    z-index: 999;
    transition:all .3s linear;
    .nav{
        display: block;
        width:30/3.75vw;
        height:50/3.75vw;
        position:absolute;
        top:0px;
        left:10/3.75vw;
        line-height: 50/3.75vw;
        text-align: center;
        i{  
            display: inline-block;
            width:20/3.75vw;
            height:16/3.75vw;
            background:url(../img/nav.png) no-repeat;
            background-size: 100%;
        }
    }
    .search{
        width:280/3.75vw;
        height:30/3.75vw;
        margin:0px auto;
        margin-top:10/3.75vw;     
        background:@color;
        border-radius: 30/3.75vw;
        position: relative;
        .logo{
            display: block;
            width:20/3.75vw;
            height:20/3.75vw;
            position:absolute;
            top:5/3.75vw;
            left:15/3.75vw;
            img{
                width:100%;
            }
        }
        .fdj{
            width:14/3.75vw;
            height:14/3.75vw;
            display: block;
            position:absolute;
            top:5/3.75vw;
            left:54/3.75vw;
            img{
                width:100%;
            }
        }
        .search_out{
            width:195/3.75vw;
            height:100%;
            float:right;
            position:relative;
            input{
                width:100%;
                height:16/3.75vw;
                border:none;
                vertical-align: middle;
                border-radius: 16/3.75vw;
                position:absolute;
                top:7/3.75vw;
                right:0px;
                font-size: 12/3.75vw;
            }
        }
    }
    .login{
        width:26/3.75vw;
        height:50/3.75vw;
       position:absolute;
       top:0px;
       right:10/3.75vw;
       span{
           line-height: 50/3.75vw;
           a{   
               font-size: 13/3.75vw;
               color:@color;
           }
       }
    }
}
.swiper-container{
    width:100%;
    position:relative;
    z-index: 1;
    img{
        width:100%;
    }
}
div.swiper-container div.swiper-pagination{
    bottom:20/3.75vw;
}
.tr_pic{
    width:100%;
    height:100/3.75vw;
    display: flex;
    position:relative;
    z-index: 2;
    top:-17/3.75vw;
    .tr_pic_box{
        position:relative;
        flex:1;
        img{
            width:100%;
        }
        .first{
            border-radius: 10/3.75vw 0px 0px 0px;
        }
        .last{
            border-radius: 0px 10/3.75vw 0px 0px;
        }
    }
}
.tenWarp{
    width:100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    position:relative;
    .sea{
        position:absolute;
        top:-17/3.75vw;
        left:0px;
        width:100%;
        z-index: 0;
    }
    .warpList{
        z-index: 4;
        position: relative;
        width:75/3.75vw;
        text-align: center;
        margin-bottom:10/3.75vw;
        img{
            width:40/3.75vw;
            display: block;
            margin:0px auto;
        }
        span{
            color:@color;
            font-size: 12/3.75vw;
            line-height: 14/3.75vw;
        }
    }
}
.scroll_news{
    width:100%;
    background:#F6F6F6;
    overflow: hidden;
    padding:2/3.75vw 0px 7/3.75vw 0px;
    margin-top:3/3.75vw;
    .news_box{
        margin:0px auto;
        width:360/3.75vw;
        height:30/3.75vw;
        background:@color;
        border-radius: 8/3.75vw;
        position:relative;
        overflow: hidden;
        .pic{
            position:absolute;
            top:7/3.75vw;
            left:10/3.75vw;
            width:73/3.75vw;
            height:16/3.75vw;
            img{
                width:100%;
            }
        }
        .more{
            position:absolute;
            right:10/3.75vw;
            top:7/3.75vw;
            font-size: 12/3.75vw;
            color:#181818;
            &::before{
                content:'';
                position:absolute;
                top:0px;
                left:-5/3.75vw;
                display:inline-block;
                width:0px;
                height:100%;
                border-left:1px solid #ECECEC;
            }
        }
        .scrnews{
            position:absolute;
            width:232/3.75vw;
            height:16/3.75vw;
            overflow: hidden;
            font-size: 12/3.75vw;
            top:8/3.75vw;
            left:90/3.75vw;
            .swiper-pagination{
                display: none;
            }
        }
    }
    .jd{
        margin-top:5/3.75vw;
        display: block;
        width:100%;
    }
}
.ms{
    width:100%;
    overflow: hidden;
    .title{
        padding:5/3.75vw 5/3.75vw;
        height:34/3.75vw;
        overflow: hidden;
        .name{
            font-size: 15/3.75vw;
            font-weight: bold;
            color:@red-color;
            margin-top:2/3.75/vw;
        }
        .cc{
            font-size: 12/3.75vw;
            color:#232326;
            font-weight: bold;
            margin-top:3/3.75vw;
            margin-left:5/3.75vw;
        }
        span{
            display: inline-block;
            float:left;
            font-size: 12/3.75vw;
        }
        .hour{
            border:1/3.75vw solid #EFEFEF;
            padding:1/3.75vw;
            margin-left:5/3.75vw;
        }
        .min{
            border:1/3.75vw solid #EFEFEF;
            padding:1/3.75vw;
        }
        .sec{
            border:1/3.75vw solid #EFEFEF;
            padding:1/3.75vw;
        }
        .reflash{
            margin-left:5/3.75vw;
            width:19/3.75vw;
            height:19/3.75vw;
            img{
                width:100%;
            }
        }
        .wz{
            width:80/3.75vw;
            float:right;
            color:@red-color;
            &::after{
                margin-left:5/3.75vw;
                content:'';
                display: inline-block;
                width:11/3.75vw;
                height:11/3.75vw;
                background:url(../img/arrow_rt.png) no-repeat;
                background-size: 100%;
                
            }
        }
    }
    .miaosha{
        padding:0px 5/3.75vw;
        text-align: center;
        .swiper-pagination{
            display: none;
        }
        img{
           width:70/3.75vw;
           display: block; 
        }
        .swiper-slide .new_price{
            display: block;
            font-size: 16/3.75vw;
            color:@red-color;
            margin:0px auto;
            margin-top:5/3.75vw;
            font-weight: bold;
            height:16/3.75vw;
            
        }
        .swiper-slide .new_price em{
            font-style: normal;
        }
        .swiper-slide .old_price{
            display:block;
            font-size: 11/3.75vw;
            color:#686868;
            margin:0px auto;
            margin-top:5/3.75vw;
            
        }
        .swiper-slide .old_price em{
            font-style: normal;
        }
        
    }
}
.yyp{
    width:100%;
    margin-top:10/3.75vw;
    display: block;
}
.yyp_pic{
        display: flex;
        justify-content: space-between;
        flex-flow:row wrap;
        .pic{
//          width:187/3.75vw;
//          height:100/3.75vw;
            flex:1;
            img{
                display: block;
                width:100%;
            }
        }    
}
.eightbox{
    width: 100%;
    display: flex;
    flex-flow:row wrap;
    justify-content: space-between;
    .box{
        width:93/3.75vw;
        border-right:1/3.75vw solid #F5F5F5;
        border-bottom:1/3.75vw solid #F5F5F5;
        padding:5/3.75vw 0px 5/3.75vw 12/3.75vw;
        text-align: left;
        box-sizing: border-box;
        .wz{
            margin-top:5/3.75vw;
            .title{
                font-size: 16/3.75vw;
                -webkit-text-fill-color: transparent;
                background-image: -webkit-linear-gradient(left, rgb(255, 42, 42), rgb(241, 57, 210));
                
                -webkit-background-clip: text;
                
            }
            .dis{
                font-size: 12/3.75vw;
            }
        }
        .pic{
            margin-top:5/3.75vw;
            img{
                width:65/3.75vw;
            }
        }
    }
}
.ash,.gsc{
    width:100%;
    background:#F6F6F6;
    overflow: hidden;
    img{
        padding-top:5/3.75vw;
        width: 100%;
        display: block;
    }
}
.deight{
    width: 100%;
    display: flex;
    flex-flow:row wrap;
    justify-content: space-between;
    .box{
        flex:1;
        border-right:1/3.75vw solid #F5F5F5;
        border-bottom:1/3.75vw solid #F5F5F5;
        padding:5/3.75vw 0px;
        p.title{
            font-size: 16/3.75vw;
            padding-left:10/3.75vw;
        }
        p.dis{
            font-size: 12/3.75vw;
            padding-left:10/3.75vw;
            color:#FF5959;
        }
        .pic{
            display: flex;
            justify-content: space-between;
            padding:0px 10/3.75vw;
            div{
                img{
                    padding:5/3.75vw 5/3.75vw 0 5/3.75vw;
                    width:65/3.75vw;
                    height:65/3.75vw;
                }
            }
        }
    }
    div.box.dd{
        flex:1;
    }
    div.box.dd .pic{
        padding:0px;
    }
    .box:nth-child(1){
        flex:2;
    }
    .box:nth-child(2){
        flex:2;
    }
    .box:nth-child(3){
        flex:2;
    }
    .box:nth-child(4){
        flex:2;
    }
    .box:nth-child(5){
        flex:1;
    }
    .box:nth-child(6){
        flex:1;
    }
    .box:nth-child(7){
        flex:1;
    }
    .box:nth-child(8){
        flex:1;
    }
    .box:nth-child(5) .pic{
        padding:0;
    }
    .box:nth-child(6) .pic{
        padding:0;
    }
    .box:nth-child(7) .pic{
        padding:0;
    }
    .box:nth-child(8) .pic{
        padding:0;
    }
}
.deight_1{
    width: 100%;
    display: flex;
    flex-flow:row wrap;
    justify-content: space-between;
    .box{
        flex:1;
        border-right:1/3.75vw solid #F5F5F5;
        border-bottom:1/3.75vw solid #F5F5F5;
        padding:5/3.75vw 0px;
        p.title{
            font-size: 16/3.75vw;
            padding-left:10/3.75vw;
        }
        p.dis{
            font-size: 12/3.75vw;
            padding-left:10/3.75vw;
            color:#D663E1;
        }
        .pic{
            display: flex;
            justify-content: space-between;
            padding:0px 10/3.75vw;
            div.alone{
                img{
                    padding:5/3.75vw 5/3.75vw 0 5/3.75vw;
                    width:80/3.75vw;
                    height:80/3.75vw;
                }
            }
            div{
                img{
                    padding:5/3.75vw 5/3.75vw 0 5/3.75vw;
                    width:80/3.75vw;
                    height:80/3.75vw;
                }
            }
        }
    }
    .box.dd{
        display: flex;
        .wz{
            width:70/3.75vw;
        }
    }
    .box:nth-child(1){
        flex:2;
    }
    .box:nth-child(2){
        flex:2;
    }
    .box:nth-child(3){
        flex:2;
    }
    .box:nth-child(4){
        flex:2;
    }
    .box:nth-child(5){
        flex:1;
    }
    .box:nth-child(6){
        flex:1;
    }
    .box:nth-child(7){
        flex:1;
    }
    .box:nth-child(8){
        flex:1;
    }
    .box:nth-child(5) .pic{
        padding:0;
    }
    .box:nth-child(6) .pic{
        padding:0;
    }
    .box:nth-child(7) .pic{
        padding:0;
    }
    .box:nth-child(8) .pic{
        padding:0;
    }
}
.wntj{
    width:100%;
    padding:10/3.75vw 0px;
    text-align: center;
    line-height:28/3.75vw;
    background:#f0f2f5;
    box-sizing: border-box;
    p{
        font-size: 14/3.75vw;
        span{
            display: inline-block;
            color:#848689;
        }
        i{
            display: inline-block;
            width:13/3.75vw;
            height:13/3.75vw;
            margin-right:10/3.75vw;
            img{
                width:100%;
            }
        }
    }
    .ts{
        color:@red-color;
    }
}
.twoWrap{
    background:#f0f2f5;
    display: flex;
    flex-flow:row wrap;
    justify-content: space-between;
    .box{
        width:185/3.75vw;
        background:#fff;
        margin-top:5/3.75vw;
        img{
            width:185/3.75vw;
        }
    }
    .title{
        overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        font-size: 12/3.75vw;
        padding:0px 3/3.75vw;
        color:#232326;
    }
    .price{
        color:@red-color;
        font-size: 13/3.75vw;
        padding:5/3.75vw 0px 0px 5/3.75vw;
        em{
            font-style: normal;
        }
        span{
            font-size: 16/3.75vw;
            font-weight: 500;
        }
    }
    .info{
        line-height: 25/3.75vw;
        padding:0px 5/3.75vw 5/3.75vw 5/3.75vw;
        overflow: hidden;
        .num{
            float:left;
            font-size: 10/3.75vw;
            color:#999;
        }
        .look{
            float:right;
            display: block;
            width: 49/3.75vw;
            height:24/3.75vw;
            border-top:1px solid #efefef;
            border-left:1px solid #efefef;
            font-size: 12/3.75vw;
            text-align: center;
            line-height: 24/3.75vw;
            color:#686868;
        }
    }
}
.click{
    padding:10/3.75vw 0px;
    text-align: center;
    background:#f0f2f5;
    a{
        font-size: 14/3.75vw;
        color:#686868;
    }
}
.bt_login{
    padding:16/3.75vw 20/3.75vw;
    text-align: center;
    a{
        padding:0px 14/3.75vw;
        font-size: 14/3.75vw;
        color:#848689;
    }
    .lo{
        &::after{
            content:'';
            display: inline-block;
            height:10/3.75vw;
            width:0px;
            border-right:1px solid #ccc;
            margin-left:19/3.75vw;
            margin-top:3/3.75vw;
        }
    }
}
.client{
    padding:10/3.75vw 5/3.75vw;
    display: flex;
    justify-content: space-between;
    border-top:1px solid #E5E5E5;
    border-bottom:1px solid #E5E5E5;
    a{
        display: block;
        flex:1;
        text-align: center;
        img{
            width:60/3.75vw;
            height:60/3.75vw;
        }
    }
}
.banquan{
    padding:5/3.75vw;
    text-align: center;
    font-size: 9.6/3.75vw;
    color:#848689;
    margin-bottom:50/3.75vw;
}
.menu{
    position:fixed;
    bottom:0px;
    left:0px;
    width: 100%;
    z-index: 999;
    background:@color;
    box-shadow:0 0 10px 0 hsla(0,6%,58%,.6);
    display: flex;
    justify-content: space-between;
    a{
        flex:1;
        display: block;
        text-align: center;
        img{
            width:60/3.75vw;
        }
    }
}
